<template>
	<view class="content">
		<view class="nav">
			<image src="http://q79q98ocd.bkt.clouddn.com/white.png" @click="toPro()"></image>
			账户中心
		</view>
		<view class="account">
			<view class="fund">账户资金</view>
			<view class="sum">0.00</view>
			<view class="cash">立即提现</view>
		</view>
		<view class="bill">
			<view class="billTwo" v-for="(item,index) in billList">
				<image  :src="item.img"></image>
				<view class="bills">{{item.txt}}</view>
				<view class="details">{{item.title}}</view>
			</view>
		</view>
	</view>
</template>

<script>
export default{
	data(){
		return{
			billList:[
				{img:'/static/img/bill.png',txt: '账单',title: '查看收支明细'},
				{img:'/static/img/pwd.png',txt: '交易密码',title: '修改交易密码'},
				{img:'/static/img/gathering.png',txt: '收款账号',title: '银行卡/微信等账号'},
				{}
			]
		}
	},
	methods:{
		toPro(){
			uni.reLaunch({
				url: 'products'
			});
		},
	}
}
</script>

<style lang="scss">
$bgColor:#56C37F;
.content{
	.nav{
		padding: 70upx 0 10upx 0;
		position: relative;
		font-size:36upx;
		font-weight:500;
		image{
			width: 35upx;
			height: 35upx;
			vertical-align: middle;
			position: absolute;
			left: 30upx;
			bottom: 10upx;
		}
	}
	.account,.nav{
		color: #fff;
		text-align: center;
		background-color: $bgColor;
	}
	.account{
		padding-bottom: 30upx;
		.fund{
			padding-top: 60upx;
			font-size: 32upx;
		}
		.sum{
			line-height:150upx;
			font-size: 85upx;
		}
		.cash{
			margin: 0 auto;
			width: 200upx;
			height: 60upx;
			background-color: #fff;
			border-radius: 30upx;
			text-align: center;
			font-size: 28upx;
			font-weight: 500;
			line-height: 60upx;
			color: #55C47D;
		}
	}
	.bill{
		display: flex;
		flex-wrap: wrap;
		.billTwo{
			border:1upx solid #F4F1F4;
			padding: 42upx 0upx 42upx 50upx;
			width: calc(49.4% - 50upx);
			image{
				width: 48upx;
				height: 50upx;
				float: left;
				padding-right: 25upx;
			}
			.bills{
				font-size: 32upx;
				color: #333;
			}
			.details{
				font-size: 28upx;
				color: #999;
				line-height: 70upx;
			}
		}
	}
}
</style>
